<!DOCTYPE html>
<html ng-app="sc_shop_app">

<head>
  <meta charset="utf-8">
  <title>我的订单</title>
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">


  <link href="../nightly/css/ionic.css" rel="stylesheet">
  <link href="../css/main.css" rel="stylesheet">
  <link href="../js/alertifyjs/css/alertify.css" rel="stylesheet">
  <!--标准mui.css-->
  <link rel="stylesheet" href="../js/mui/css/mui.min.css">
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../js/mui/css/app.css" />


  <script src="../js/mui/js/mui.min.js"></script>
  <script src="../js/mui/js/mui.pullToRefresh.js"></script>
  <script src="../js/mui/js/mui.pullToRefresh.material.js"></script>
  <script src="../js/utils/myUtil.js"></script>
  <script src="../js/allJs.js"></script>
  <style>
    html,
    body {
      background-color: #efeff4;
    }
    
    .mui-bar~.mui-content .mui-fullscreen {
      top: 44px;
      height: auto;
    }
    
    .mui-pull-top-tips {
      position: absolute;
      top: -20px;
      left: 50%;
      margin-left: -25px;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      z-index: 1;
    }
    
    .mui-bar~.mui-pull-top-tips {
      top: 24px;
    }
    
    .mui-pull-top-wrapper {
      width: 42px;
      height: 42px;
      display: block;
      text-align: center;
      background-color: #efeff4;
      border: 1px solid #ddd;
      border-radius: 25px;
      background-clip: padding-box;
      box-shadow: 0 4px 10px #bbb;
      overflow: hidden;
    }
    
    .mui-pull-top-tips.mui-transitioning {
      -webkit-transition-duration: 200ms;
      transition-duration: 200ms;
    }
    
    .mui-pull-top-tips .mui-pull-loading {
      /*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
      margin: 0;
    }
    
    .mui-pull-top-wrapper .mui-icon,
    .mui-pull-top-wrapper .mui-spinner {
      margin-top: 7px;
    }
    
    .mui-pull-top-wrapper .mui-icon.mui-reverse {
      /*-webkit-transform: rotate(180deg) translateZ(0);*/
    }
    
    .mui-pull-bottom-tips {
      text-align: center;
      background-color: #efeff4;
      font-size: 15px;
      line-height: 40px;
      color: #777;
    }
    
    .mui-pull-top-canvas {
      overflow: hidden;
      background-color: #fafafa;
      border-radius: 40px;
      box-shadow: 0 4px 10px #bbb;
      width: 40px;
      height: 40px;
      margin: 0 auto;
    }
    
    .mui-pull-top-canvas canvas {
      width: 40px;
    }
    
    .mui-slider-indicator.mui-segmented-control {
      background-color: #efeff4;
    }
  </style>
  <style>
    .padding-content {
      top: 6em;
      padding-left: 0;
      padding-right: 0;
      background: #000;
    }
    
    .title_member .order_list_num {
      height: 2.2em;
      width: 100%;
      line-height: 2em;
      float: left;
      clear: both;
      overflow: hidden;
    }
    
    .title_member span.order_list_time {
      width: 100%;
      /*        margin-left: 3%;*/
      line-height: 2em;
      font-size: 1.5em;
      float: left;
      clear: both;
      overflow: hidden;
    }
    
    .order_type01 {
      width: 25%;
      float: left;
      height: 100%;
      font-size: 1.5em;
      line-height: 2.2em;
      border-right: 1px solid #29b6f6;
    }
    
    .order_type05 {
      width: 25%;
      float: left;
      height: 100%;
      font-size: 1.5em;
      line-height: 2.2em;
    }
    
    .button_css {
      width: 5em;
      line-height: 1.6em;
      background-color: #29b6f6;
      float: right;
      border-radius: .3em;
      text-align: center;
      color: #ffffff;
      font-size: 1.3em;
    }
  </style>
</head>

<body>
  <ion-view ng-controller="orderListContr">
    <header class="mui-bar mui-bar-nav">
      <a ng-click="goback()" class="  mui-icon mui-icon-left-nav mui-pull-left"></a>
      <h1 class="mui-title">我的订单</h1>
    </header>
    <div class="mui-content">
      <div id="slider" class="mui-slider mui-fullscreen">
        <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
          <div class="mui-scroll">
            <a ng-click="changeOrderStatus(0,2)" app-data="2" class="mui-control-item mui-active" href="#item1mobile">
							待发货
						</a>
            <a ng-click="changeOrderStatus(1,3)" app-data="3" class="mui-control-item" href="#item1mobile">
							待收货
						</a>
            <a ng-click="changeOrderStatus(3,1)" app-data="1" class="mui-control-item" href="#item1mobile">
							已取消
						</a>
          </div>
        </div>
        <div class="mui-slider-group">
          <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
            <div id="scroll1" class="mui-scroll-wrapper">
              <div class="mui-scroll">
                <ul ng-repeat="item in orderData" style="border-bottom: 1px solid #ddd;" class="mui-table-view">

                  <li class="mui-table-view-cell mui-media">
                    <div ng-click="openDetail(item.commitId)" ><span style="float: left;padding-left:1em;" ng-bind="item.createTime"></span>
                      <span style="float: right;padding-right:1em;color:{{item.classStatus}}" ng-bind="item.status_str"></span></div>
                    <a href="javascript:;">

                      <div style="text-align: right;" ng-bind="item.goodsNum" class="mui-media-body">
                        
                      </div>
                      <div><ng-text style="float:left;line-height:2.5em;font-size:1.2em;padding-left:1em;" >合计：<span style="color:#ffaa33;" ng-bind="item.goodsSum"></span></ng-text>
                        <span ng-show="item.button_status != '- - -'" class="button_css" ng-click="commitButton(item.id)" ng-bind="item.button_status"></span></div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>



        </div>
      </div>
    </div>
  </ion-view>
  <script>
  </script>
</body>


</html>